@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; } li{ list-style:none; } img{ vertical-align:top; border:none; } a{ text-decoration:none; color:#000; font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; outline:none； appearance:none; } a:active { border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; } input,textarea{ background:none; border:none; resize:none; outline:none; border-redius:0; box-shadow:0 0 0 0 #fff; border-radius:0px; } /*常用*/ .fl{ float:left; } .fr{ float:right; } .clear:after{ content:''; display:block; clear:both; } .blk{ display:block; } .W{ width:100%; margin:0 auto; min-width: 1200px; } .over-hidden { overflow: hidden; height:100%; } .index-wrap { background:#fff; } .work .nav_box{ min-width:1200px; } .works-box { width:83.47%; margin:0 auto; padding-top:80px; max-width:1202px; /* overflow-x:hidden;*/ } .works-box .nav { width:100%; text-align: center; border-bottom:1px solid #f2f2f2; list-style: none; margin:0; padding:0; position: relative; } .works-box .nav li { float: left; box-sizing: border-box; width:14.2857%; padding:0 5px; cursor:pointer; } .works-box .nav li { text-align: center; } .works-box .nav li img{ width:40px; } .works-box .nav li > a { display: block; width:100%; padding:25px 0px 25px; border:none; color:rgba(0,0,0,0.5); white-space: nowrap; } .works-box .nav li.active a { /* border-bottom:1px solid #000;*/ color:rgba(0,0,0,1); } .works-box .nav .border-bottom{ position: absolute; width:14.2857%; height: 2px; background:#000; left:0; bottom:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .works-lists { padding-top: 48px; margin-right:-13px; display:none; } .works-lists .work-item { float: left; width:33.333%; margin-bottom:48px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing :border-box; padding-right: 48px; } .works-lists .work-item a { display:block; width:100%; box-sizing: border-box; border:1px solid #f2f2f2; /* padding-right:13px;*/ } .works-lists .work-item img { display:block; width:100%; } .work-show { width:100%; background:rgba(0,0,0,0.6); position: fixed; height:100%; overflow: scroll; top:0; left:0; z-index:100000; box-sizing: border-box; padding-top:50px; padding-bottom:50px; display: none; -webkit-overflow-scrolling: touch; } .work-show .img-lists{ min-height: 120vh; } .work-show .meinfo { margin-top:40px; height:auto; } .work-ui-box { width:84.7%; position:absolute; left:0; right:0; min-width:1200px; max-width: 1440px; margin:0 auto; background:#fff; overflow: hidden; /* cursor:;*/ } .work-ui-box img { display: block; width:100%; } .work-ui-box .title { padding-left:31px; position: relative; overflow: hidden; } .work-ui-box .title .title-btn{ width:110px; height:100%; position:absolute; right:0; top:0; border-left:1px solid #cccccc; margin: 0; text-align: center; background:url(/Public/image/xxx.svg) no-repeat center center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .work-ui-box .title .title-btn:hover{ background:url(/Public/image/xxxb.svg) no-repeat center center; background-color:rgb(0,179,255); } .work-ui-box .title h2{ font-size:30px; line-height:55px; font-weight:normal; margin-top:13px; } .work-ui-box .title p { font-size:16px; line-height: 16px; padding-bottom: 26px; color:#8d8d8d; } .img-lists::scrollbar { display: none; } .img-lists::-webkit-scrollbar { display: none; } .switch-box { height:110px; line-height:110px; box-sizing: border-box; /* padding:0 62px;*/ border-top:1px solid #cccccc; overflow: hidden; } .switch-box .name{ font-style: normal; font-size:14px; color:#000; } .switch-box .arrow-btn { font-size:25px; } .switch-box .arrow-btn .sl { margin:0 50px; color:rgba(0,0,0,0.2); font-size:24px; } .about-wrap .banner-about { width:100%; height:531px; background:url(/Public/image/banner2.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; font-size:36px; line-height:531px; text-align: center; color:#fff; } .bg-white { background: #fff !important; } .about-wrap.about .banner-about { height: auto; line-height: 1em; font-size: 48px; width:100%; margin-left:auto; margin-right:auto; border-bottom: 1px solid #f2f2f2; position: relative; /* position:absolute;*/ } .about-wrap.about .banner-about img{ width:100%; } .about-wrap.about .banner-about .banner-text{width:308px;color:#fff;font-size:63px;display:block;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .qrcode-wrap { width:100%; overflow-x:hidden; } .qrcode-wrap .qrcode-box{ /* width:80%;*/ margin:0 auto; text-align: center; } .qrcode-wrap .qrcode-box .mr { margin-right:-72px; } .qrcode-wrap .qrcode-box .qrcode-item { float:left; width:33.33%; padding-right:72px; box-sizing:border-box; } .qrcode-wrap .qrcode-box img { display: block; width:100%; float:left; margin-bottom: 22px; } .qrcode-wrap .qrcode-item span{ font-size:12px; letter-spacing: 3px; } .about .foot .title { margin-top:58px; } @media (max-width:540px){ .about-wrap.about .banner-about { font-size:30px; width:90%; } .about-wrap .banner-about.bg-white .mask{ padding:50px 0 47px; } .qrcode-wrap .qrcode-box{ width:90%; margin-top:10px; } .qrcode-wrap .qrcode-box .mr { margin-right:-45px; } .qrcode-wrap .qrcode-box .qrcode-item { float:left; width:33.33%; padding-right:45px; box-sizing:border-box; } .qrcode-wrap .qrcode-item span{ font-size:15px; } /* .about-wrap .foot { width:90%; } */ } @media (max-width:540px){ .works-box .nav{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .works-box .nav li { width:auto; padding:0; float:none; } } ::selection { background:#2888ff ; color:#fff; } ::-moz-selection { background:#2888ff ; color:#fff; } ::-webkit-selection { background:#2888ff ; color:#fff; } .banner-about{min-width:1200px;}/* ii s7. co m */